<template>
    <div class="allCommont">
        <Change_header title="全部评论" />
        <div class="content_container">
            <div class="content">
                <div class="content_item clearfix">
                    <div class="head_icon">
                        <img src="../../images/mainTwo/Banner/08.png" />
                    </div>
                    <div class="content_text">
                        <p class="content_user_name">蕊儿</p>
                        <p class="content_detail">很赞</p>
                    </div>
                    <div class="content_time">
                        22分钟前
                    </div>
                </div>
                <div class="content_item clearfix">
                    <div class="head_icon">
                        <img src="../../images/mainTwo/Banner/09.png" />
                    </div>
                    <div class="content_text">
                        <p class="content_user_name">悦小舞</p>
                        <p class="content_detail">喜欢这个产品</p>
                    </div>
                    <div class="content_time">
                        22分钟前
                    </div>
                </div>
                <div class="content_item clearfix">
                    <div class="head_icon">
                        <img src="../../images/mainTwo/Banner/10.png" />
                    </div>
                    <div class="content_text">
                        <p class="content_user_name">蕊儿</p>
                        <p class="content_detail">大爱啊</p>
                    </div>
                    <div class="content_time">
                        22分钟前
                    </div>
                </div>
                <div class="content_item clearfix">
                    <div class="head_icon">
                        <img src="../../images/mainTwo/Banner/08.png" />
                    </div>
                    <div class="content_text">
                        <p class="content_user_name">蕊儿</p>
                        <p class="content_detail">大爱楼主，，赞赞赞！</p>
                    </div>
                    <div class="content_time">
                        22分钟前
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
import Change_header from "../../components/changeHeader"
export default {
    name: "allCommot",
    components: { Change_header }
}
</script>
<style lang="less" scoped>
.content_container {
    padding: 20/75rem;
    width: auto;
    padding-top: 130/75rem;
    .content {
        border-bottom: 1px solid #d1d1d1;
        box-shadow: 0 5px 10px #ccc;
        padding: 10/75rem;
        .content_item {
            margin: 40/75rem 0;
            .head_icon {
                float: left;
                img {
                    width: 80/75rem;
                    height: 80/75rem;
                }
            }
            .content_text {
                .content_user_name {
                    font-size: 28/75rem;
                }
                float: left;
                font-size: 22/75rem;
                margin-left: 55/75rem;
                p:last-child {
                    margin-top: 20/75rem;
                }
            }
            .content_time {
                float: right;
                font-size: 22/75rem;
            }
        }
    }
    .all_content {
        text-align: center;
        font-size: 28/75rem;
        color: #ff406f;
    }
    .input {
        // padding: 20/75rem;
        position: fixed;
        bottom: 0;
        width: 100%;
        margin-left: -20/75rem;
        height: 80/75rem;
        box-shadow: 5px 0 15px #aaa;
        input {
            position: fixed;
            bottom: 10/75rem;
            left: 20/75rem;
            width: 70%;
            height: 50/75rem;
            border: 1px solid #aaa;
            border-radius: 15/75rem;
            text-indent: 15/75rem;
            font-size: 26/75rem;
        }
    }
}
</style>
